<template>
  <div class="home">
    <a-layout style="height: 100%;background: none;">
      <a-layout-sider style="background: none;">
        <a-menu
          mode="inline"
          :default-selected-keys="['R10101']"
          :default-open-keys="['R101']"
          :style="{ height: '100%', borderRight: 0 }"
         @click="handleMenuClick"
        >
          <a-sub-menu key="R101">
            <span slot="title"><a-icon type="user" />监测数据管理</span>
            
            <a-menu-item key="R10101" >
             企业排放数据
            </a-menu-item>
            <a-menu-item key="R10102">
            空气监测数据
            </a-menu-item>
          </a-sub-menu>
          <a-sub-menu key="sub2">
            <span slot="title"><a-icon type="laptop" />失量数据管理</span>
            <a-menu-item key="R20101">
              矿区数据
            </a-menu-item>
            <a-menu-item key="R20102">
              烟囱数据
            </a-menu-item>
            <a-menu-item key="R20103">
              煤层矸石山数据
            </a-menu-item>
            <a-menu-item key="R20104">
              土地利用数据
            </a-menu-item>
          </a-sub-menu>
          <a-sub-menu key="sub3">
            <span slot="title"><a-icon type="laptop" />影像数据管理</span>
            <a-menu-item key="R30101">
              LandSet数据
            </a-menu-item>
             <a-menu-item key="R30102">
              热红外影像
            </a-menu-item>
            <a-menu-item key="R30103">
              地表温度提取
            </a-menu-item>
          
          </a-sub-menu>
          <a-sub-menu key="sub4">
            <span slot="title"><a-icon type="laptop" />模型数据管理</span>
            <a-menu-item key="5">
              预测模型数据
            </a-menu-item>
            <a-menu-item key="5">
              扩散模型数据
            </a-menu-item>
          
          </a-sub-menu>
        </a-menu>
      </a-layout-sider>
      <a-layout style="background: none;">
        <a-layout-content>
          <router-view ></router-view>
        </a-layout-content>
      </a-layout>
    </a-layout>
  </div>
</template>

<script>

import 'ol/ol.css';
export default {
  name: 'DataManage',
  data() {
    return {

    };
  },
  mounted() {
    
  },
  methods: {
    handleMenuClick(item) {
      this.$router.push({path: '/'});
      this.$router.push({path: 'datamanage.html/'+item.key});
    },
  },

};
</script>
